<!DOCTYPE html>
<html lang="zh">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>待受理来信</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/font-awesome.min.css" rel="stylesheet"/>
    <!-- bootstrap-table 表格插件样式 -->
    <link href="/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20210602" rel="stylesheet"/>
    <link href="/css/animate.min.css" rel="stylesheet"/>
    <link href="/css/style.css?v=20200903" rel="stylesheet"/>
    <link href="/common/css/hm-ui.css?v=4.6.2" rel="stylesheet"/>

    <link href="/ajax/libs/bootstrap-tagsinput/tagsinput.css" rel="stylesheet">
    <link href="/ajax/libs/jQuery-ui/jquery-ui.css" rel="stylesheet">
    <link href="/css/iconfont/iconfont.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/ajax/libs/qxEasyUI/themes/default/easyui.css">
</head>

<style>
    label {
        font-weight: bold;
    }

    @font-face {
        font-family: 'huawen';
        src: url("/fonts/huawen.woff2");
    }


</style>
<body style="background-color: #F4F6FA;letter-spacing:2px;font-family:'huawen' ;font-weight: bold">
<div class="main-content" style="margin: 0;padding: 0;">
    <form id="telInputForm" class="form-horizontal" style="background-color: #F4F6FA">
        <input id="pkId" name="pkId" type="hidden" value="608746">
        <input id="wsCode" name="wsCode" type="hidden" value="219020450001">
        <input id="wsKey" name="wsKey" type="hidden" value="132725">

        <input id="flagInt" name="flagInt" type="hidden" value="0"/>
        <input id="spareInt" name="spareInt" type="hidden" value="0"/>
        <input id="sex" name="fromSex" type="hidden" value="1"/>
        <input id="txtAutoOpen" name="autoGetFlag" type="hidden" value="-1"/>
        <input id="fkint" name="fkint" type="hidden" value="0"/>
        <div class="col-sm-12" style="display: flex">
            <!--     左       -->
            <div class="col-sm-8 entering-page">

                <!--事发地址-->
                <div class="col-sm-12 entering-mt">
                    <div class="form-group">
                        <label class="col-sm-2 control-label is-required entering-pd">事发地址：</label>
                        <div class="col-sm-8">
                            <input name="fmAddress" placeholder="请输入"
                                   class="form-control scene theAddress" type="text"
                                   maxlength="30"
                                   required="" id="fmAddress" value="麻辣社区">
                        </div>
                    </div>
                </div>

                <div class="col-sm-12 entering-mt">
                    <div class="form-group">
                        <label class="col-sm-2 control-label is-required entering-pd">主题：</label>
                        <div class="col-sm-8">
                            <input name="fromTopic" placeholder="请输入"
                                   class="form-control scene theAddress" type="text"
                                   maxlength="30"
                                   required="" id="fromTopic" value="测试麻辣社2区">
                        </div>
                    </div>
                </div>
                <!--来信类容-->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label entering-pd">来信内容：</label>
                        <div class="col-xs-10">
                            <textarea name="fmContent" maxlength="1000"
                                      class="form-control phoneRemark" rows="3"
                                      style="height: 100px" id="fmContent">测试麻辣社区测试麻辣社区测试麻辣社区</textarea>
                            <span>还可以输入<i class="phoneRemarkI">1000</i>个文字</span>

                        </div>
                    </div>
                </div>
                <!--来信人名等，关键词等，分两个部分-->
                <!--来信人名等-->
                <div class="col-sm-6">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来信人名：</label>
                            <div class="col-sm-8">
                                <input name="fromName" placeholder="请输入"
                                       class="form-control phoneName" type="text"
                                       maxlength="5" required="" id="fromName" value="麻辣社区|江小鱼_ywl">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">联系电话：</label>
                            <div class="col-sm-8">
                                <input name="fromTel" placeholder="请输入"
                                       class="form-control relationPhone"
                                       type="text"
                                       maxlength="11" required="" id="fromTel" value="">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来信类别：</label>
                            <div class="col-sm-8">
                                <select name="dfmClaNo" id="dfmClaNo" required
                                        onchange="dropChgSendTextOnly(this,'dfmClaName');"
                                        class="form-control formSelect">
                                    <option value="">--请选择--</option>

                                    <option value="10">咨询</option>

                                    <option value="20">求助</option>

                                    <option value="30">意见建议</option>

                                    <option value="40">投诉举报</option>

                                    <option value="50">表扬</option>

                                    <option value="60">征集建言</option>

                                    <option value="99">无效来电</option>

                                    <option value="110">咨询(紧急件)</option>

                                    <option value="120">求助(紧急件)</option>

                                    <option value="130">意见建议(紧急件)</option>

                                    <option value="140">投诉举报(紧急件)</option>

                                </select>
                                <input type="hidden" name="dfmClaName" id="dfmClaName" value=""/>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">内容类别：</label>
                            <div class="col-sm-8">
                                <input id="qxCT" value=""
                                       style="width:225px;height:31px;border-radius: 5px;">
                                <input id="txtDcntAcode" name="dCntACode" type="hidden" value=""/>
                                <input id="txtDCntAName" name="dCntAName" type="hidden" value=""/>
                            </div>
                        </div>
                    </div>
                </div>
                <!--关键词等-->
                <div class="col-sm-6">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-xs-4 control-label">建议公开：</label>
                            <div class="col-xs-8">
                                <label class="check-box">
                                    <input name="openX" class="hideTel1"
                                           value="5" type="radio" id="openX1">是
                                </label>
                                <label class="check-box">
                                    <input name="openX" class="hideTel2"
                                           value="0" type="radio" checked="checked">否
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-xs-4 control-label">同意公开：</label>
                            <div class="col-xs-8">
                                <label class="check-box">
                                    <input name="openFrom" value="1" type="radio" id="openFrom1">是
                                </label>
                                <label class="check-box">
                                    <input name="openFrom" value="0" type="radio" checked="checked">否
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-xs-4 control-label">重复来信：</label>
                            <div class="col-xs-8">
                                <label class="check-box">
                                    <input name="repeatFlag" value="1" type="radio" id="repeatFlag1">是
                                </label>
                                <label class="check-box">
                                    <input name="repeatFlag" value="0" type="radio" checked="checked">否
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-xs-4 control-label">性别：</label>
                            <div class="col-xs-8">
                                <label class="check-box">
                                    <input name="fromSex" value="1" type="radio" checked="checked" id="fromSex1">男
                                </label>
                                <label class="check-box">
                                    <input name="fromSex" value="0" type="radio">女
                                </label>
                            </div>
                        </div>
                    </div>

                </div>
                <!--交办意见-->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label entering-pd">处理意见：</label>
                        <div class="col-xs-10">
                            <div>
                                <div class="col-xs-5">
                                    <select style="margin-left: -14px;" id="xDealDescSelect" onchange="OftenMailWordsChg(this,'xdealDesc');"
                                            th:with="district=${@commonServiceImpl.findOpinionM()}"
                                            class="form-control formSelect">
                                        <option value="">--请选择--</option>
                                        <option th:each="item : ${district}" th:text="${item['CSText']}"
                                                th:value="${item['CSValue']}" th:data="${item['Remark']}"></option>
                                    </select>
                                </div>

                            </div>

                            <textarea name="ydealDesc" id="xdealDesc" maxlength="3500"
                                      class="form-control opinion"
                                      rows="3"></textarea>
                            <span>还可以输入<i class="opinionI">3500</i>个文字</span>
                        </div>
                    </div>
                </div>
            </div>

            <!--右-->
            <div class="col-sm-4 ">
                <!--  接听人     接通时间       挂断时间等  -->
                <div class="col-sm-12 entering-page">
                    <!--左-->
                    <div class="col-sm-12" style="padding: 5px">
                        <div class="form-group" style="margin: 0">
                            <label class="col-sm-3 control-label  entering-pd" style="font-weight: bold">来信人：</label>
                            <div class="col-sm-8">
                                <span style="margin-top: 7px; display: inline-block">麻辣社区|江小鱼_ywl</span>
                            </div>
                        </div>
                        <div class="form-group" style="margin: 0">
                            <label class="col-sm-3 control-label  entering-pd" style="font-weight: bold">联系电话：</label>
                            <div class="col-sm-8">
                                <span style="margin-top: 7px; display: inline-block"></span>
                            </div>
                        </div>
                        <div class="form-group" style="margin: 0">
                            <label class="col-sm-3 control-label  entering-pd" style="font-weight: bold">来信时间：</label>
                            <div class="col-sm-8">
                                <span style="margin-top: 7px; display: inline-block" id="hangup">2019-02-04 22:00:00</span>
                            </div>
                        </div>
                        <div class="form-group" style="margin: 0">
                            <label class="col-sm-3 control-label  entering-pd" style="font-weight: bold">电子邮件：</label>
                            <div class="col-sm-8">
                                <span style="margin-top: 7px; display: inline-block">7664579</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="col-sm-12">
            <!-- 按钮-->
            <div class="col-sm-12"
                 style="margin-bottom: 10px;display: flex;justify-content: center;flex-direction: row;">
                <button type="button" class="btn btn-sm btn-warning" onclick="draft('退回坐席','121')">退回坐席
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="draft('值班长暂存','122')">暂存
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-sm btn-info" onclick="draft('值班长解答','136')">回信解答
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-sm btn-success" onclick="draft('无效来信 当场作废','132')">作废
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-sm btn-info" onclick="createWorkorder()">创建工单
                </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-sm btn-warning" onclick="gclose()">关闭
                </button>&nbsp;
                <input id="tbStateDesc" name="stateDesc" value="草稿" type="hidden"/>
                <input id="stateFlag" name="stateFlag" value="101" type="hidden"/>
            </div>
        </div>
    </form>
</div>

<script src="/ajax/libs/layui/laydate.js"></script>

<script> var ctx = "\/"; var lockscreen = null; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- bootstrap-table 表格插件 -->
<script src="/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20210602"></script>
<script src="/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js?v=20210602"></script>
<script src="/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=20210602"></script>
<script src="/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=20210602"></script>
<!-- jquery-validate 表单验证插件 -->
<script src="/ajax/libs/validate/jquery.validate.min.js"></script>
<script src="/ajax/libs/validate/messages_zh.min.js"></script>
<script src="/ajax/libs/validate/jquery.validate.extend.js"></script>
<!-- jquery-validate 表单树插件 -->
<script src="/ajax/libs/bootstrap-table/extensions/tree/bootstrap-table-tree.min.js?v=20210602"></script>
<!-- 遮罩层 -->
<script src="/ajax/libs/blockUI/jquery.blockUI.js"></script>
<script src="/ajax/libs/iCheck/icheck.min.js"></script>
<script src="/ajax/libs/layer/layer.min.js?v=20210516"></script>
<script src="/ajax/libs/layui/layui.js?v=20210516"></script>
<script src="/common/js/common.js?v=4.6.2"></script>
<script src="/common/js/hm-ui.js?v=4.6.2"></script>

<script src="/ajax/libs/bootstrap-tagsinput/tagsinput.min.js"></script>
<script src="/ajax/libs/jQuery-ui/jquery-ui.js"></script>
<script src="/ajax/libs/qxEasyUI/jquery.easyui.min.js"></script>
<script src="/js/telhandle.js"></script>
<script src="/js/teladd.js"></script>


<script>
    var prefix = ctx + "system/wsMail";

    //    存草稿
    function draft(fpStr, str) {
        $("#tbStateDesc").val(fpStr);
        $('#stateFlag').val(str);
        if ($.validate.form()) {
            let data = $('#telInputForm').serializeArray();
            $.operate.saveTab(prefix + "/edit", data);
        }
    }

    function createWorkorder() {
        let data = $('#telInputForm').serializeArray();
        var config = {
            url: prefix + '/createWorkform',
            type: "post",
            dataType: "json",
            data: data,
            success: function (result) {
                $.operate.ajaxSuccess(result);
                var url = prefix + '/tworkform/' + result.pkId;
                $.modal.parentTab('拟派工单', url);
            }
        };
        $.ajax(config);
    }

    $('#qxCT').combotree({
        url: '/system/common/findContentCate',
        required: false,
        onSelect: function (record) {
            $("#txtDcntAcode").val(record.id);
            $("#txtDCntAName").val(record.text);
        }
    });

    //    关闭
    function gclose() {
        $.modal.closeTab();
    }


    function OftenMailWordsChg(e,acpId) {
        temp = $(e.options[e.selectedIndex]).attr('data');
        document.getElementById(acpId).value = temp;
    }
</script>
</body>
</html>
